/* eslint-disable max-len */
/* eslint-disable no-multiple-empty-lines */
/* eslint-disable prettier/prettier */

import React, { PureComponent } from 'react';
import { View, StyleSheet, Text, Image, ImageBackground, Dimensions } from "react-native";
import { Divider, Utils} from 'tuya-panel-kit';
import style from '../../config/style';
import Strings from "../../i18n";
import Res from '../../res';


class GrassLightTooLongView extends PureComponent {
  render() {
    return (

      <View style={style.container}>

        {/* 水草灯时间过长 */}
        <Text style={style.bigTitle}>{Strings.warning_card_title_water_grass_too_long}</Text>

        <View style={{ flexDirection: 'column' }}>
          <Text style={ [style.title, { marginTop: 20 }] }>{Strings.warning_detail_title_water_grass_too_long1}</Text>
          <Text style={style.contentText}>{Strings.warning_detail_content_water_grass_too_long1}</Text>

          <Text style={ [style.title, { marginTop: 60 }] }>{Strings.warning_detail_title_water_grass_too_long2}</Text>
          <Text style={style.contentText}>
            {Strings.warning_detail_content_water_grass_too_long2}
          </Text>
        </View>
      </View>
    );
  }

}

const styles = StyleSheet.create({


});

export default GrassLightTooLongView;
